<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{$data.title ?? $system.title.value}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="{$data.key ?? $system.keywords.value}"/>
    <meta name="description" content="{$data.miaoshu ?? $system.description.value}">
    <link rel="shortcut icon" type="image/x-icon" href="__PUBLIC__/uploads/image/{$system.ICO.value}"/>

    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/bootstrap.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/bootstrap-theme.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/font-awesome-4.7.0/font-awesome.min.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/style.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/mobileNav.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/mobile.css">
    <link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/animate.min.css">

    {block name="css"}{/block}

</head>

<body>

<div class="cont-pc">

    <div class="navTop">

        <div class="navTop-bg"></div>

        <div class="container topCont">

            <div class="pull-left">
                <div class="navTop-logo">
                    <a class="navbar-brand" title="{$system.title.value}" href="{:request()->root(true)}">
                        <img class="logo-img" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.LOGO.value}"/>
                    </a>
                </div>
            </div>

            <div class="pull-left">
                <nav class="navbar navbar-default">
                    <div class="navbar-cont">
                        <div id="navbar" class="navbar-collapse collapse"></div>
                    </div>
                </nav>
            </div>

            <div class="pull-right navbar-user">
                {empty name=":session('User.name','','User')"}
                <a class="user-a user-login" title="登录 - {$system.title.value}" href="{:URL('user/login/index','','html',$Request.root.true)}">{:lang('Login')}</a>
                <a class="user-a user-reg" title="注册 - {$system.title.value}" href="{:URL('user/login/index','','html',$Request.root.true)}">{:lang('Register')}</a>
                {else/}
                {/empty}
            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <nav class="navbar navbar-default navbar-fixed-top navmTop">

        <div class="container">

            <div class="navbar-header">

                <div id="dl-menu" class="dl-menuwrapper">
                    <button id="dl-menu-button"></button>
                </div>

                <a title="{$system.title.value}" class="navbar-brand text-center" href="{:request()->root(true)}">{$system.title.value}</a>

            </div>

        </div>

    </nav>

</div>

{include file="template/pc/kalawan/_gundong.html"}

<div class="index-bg index-mbg">
    {block name="main"}{/block}
</div>

<div class="cont-pc">

    <div class="cndns-right">

        <div class="cndns-right-meau meau-kf">
            <a href="javascript:" target="_blank" class="cndns-right-btn cndns-right-hovBtn">
            <span class="demo-icon">
                <img src="__TPMPLATE__pc/cms/images/sidebar/tel-on.png">
            </span>
                <p>咨询</p>
            </a>
        </div>

        <div class="cndns-right-meau meau-sev">
            <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">
                <i class="fa fa-qq"></i>
            </span>
                <p>客服</p>
            </a>

            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-b">
                        <h4>客户在线沟通：</h4>
                        <ul id="zixunUl">
                            {Dl:model db="online" field="QQ,name" lang="$lang" id="vo" limit="5"}
                            <li>
                                <a href="javascript:void(0);" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin={$vo.QQ}&site=qq&menu=yes', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');">
                                    <i class="fa fa-qq"></i>{$vo.name}
                                </a>
                            </li>
                            {/Dl:model}

                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="cndns-right-meau meau-contact">
            <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">
                <i class="fa fa-phone"></i>
            </span>
                <p>电话</p>
            </a>

            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                    <span class="demo-icon">
                        <i class="fa fa-phone"></i>
                    </span>
                        <p>{$system.advisory.value}<i>7*24小时客服服务热线</i></p>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>

        {empty name=":session('User.name','','User')"}
        {else/}
        <div class="cndns-right-meau meau-user">
            <a href="{:URL('user/index/index')}" class="cndns-right-btn">
            <span class="demo-icon">
                <i class="glyphicon glyphicon-user"></i>
            </span>
                <p>用户</p>
            </a>

            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-u">
                        <h4>欢迎您再次登录：</h4>
                        <p>
                            <a class="cndns-user-now" title="{:session('User.name','','User')}" href="{:URL('user/index/index')}">
                                <i class="glyphicon glyphicon-user"></i>
                                {:session('User.name','','User')}
                            </a>
                        </p>

                        <p>
                            <a class="cndns-user-out" title="退出 - {$system.title.value}" href="{:URL('user/index/logout')}">
                                <i class="glyphicon glyphicon-log-out"></i>
                                用户{:lang('Out')}
                            </a>
                        </p>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
        {/empty}

    </div>

    <div class="button-go-top">
        <a class="go-top" title="返回顶部" href="#">
            <i class="glyphicon glyphicon-chevron-up"></i>
        </a>
    </div>

    <div class="foot-link"></div>

    <div class="foot">

        <div class="foot-up">

            <div class="container">

                <div class="foot-logo">
                    <img class="logo-img" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.LOGO.value}"/>
                </div>

                <div class="foot-box">

                    <div class="foot-box-left">

                        <div class="foot-box-item">

                            <div class="foot-box-title">导航快捷</div>

                            <div class="foot-nav"></div>

                        </div>

                        <div class="foot-box-item">

                            <div class="foot-box-title">用户支持</div>

                            <div class="foot-support">
                                <ul>
                                    <li><span>一</span>常见问题</li>
                                    <li><span>一</span>新手指南</li>
                                    <li><span>一</span>视频教程</li>
                                    <li><span>一</span>更多教程</li>
                                </ul>
                            </div>

                        </div>

                        <div class="foot-box-item">

                            <div class="foot-box-title">联系我们</div>

                            <div class="foot-contact">
                                <ul>
                                    <li><i class="fa fa-envelope-o"></i>{$system.mail.value}</li>
                                    <li><i class="fa fa-phone"></i>{$system.advisory.value}</li>
                                    <li><i class="fa fa-map-marker"></i>{$system.address.value}</li>
                                </ul>
                            </div>

                        </div>

                    </div>

                    <div class="foot-box-code">

                        <div class="foot-code-title">关注卡莱湾</div>

                        <div class="foot-code">
                            <p>
                                <img alt="{$data.key ?? $system.keywords.value}" src="__PUBLIC__/uploads/image/{$system.code.value}">
                            </p>

                            <p class="foot-code-txt">扫一扫关注</p>
                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="foot-bank">
            <div class="container">
                {$system.count.value}
            </div>
        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="container-fluid">

        <div class="h-top-fluid">

            <div class="container-fluid h-top-fluids">

                <div class="container">
                    <a class="back-up" title="返回顶部" href="#">
                        TOP<span class="glyphicon glyphicon-triangle-top"></span>
                    </a>
                </div>

            </div>

        </div>

        <div class="m-foot">

            <div class="container">

                <div class="m-foot-box">

                    <div class="m-foot-message">
                        {$system.count.value}
                    </div>

                    <div class="foot-code">
                        <div class="foot-code-img foot-code-left">
                            <p>
                                <img alt="{$data.key ?? $system.keywords.value}" src="__PUBLIC__/uploads/image/{$system.code.value}">
                            </p>

                            <p class="code-sao">( 微信公众号 )</p>
                        </div>
                    </div>

                </div>

            </div>

            <nav class="navbar navbar-default navbar-fixed-bottom footer">
                <a title="{$system.advisory.value}" href="tel:{$system.advisory.value}" class="col-xs-4">
                    <div class="col-xs-12">
                        <img alt="{$system.advisory.value}" src="__TPMPLATE__pc/kalawan/images/mobile/foot-tel.png" class="img-responsive">
                    </div>
                    <div class="col-xs-12">
                        电话咨询
                    </div>
                </a>

                <a title="" href="index-product-index-navid-55.html" class="col-xs-4">
                    <div class="col-xs-12">
                        <img alt="产品中心" src="__TPMPLATE__pc/kalawan/images/mobile/foot-pro.png" class="img-responsive">
                    </div>
                    <div class="col-xs-12">
                        产品中心
                    </div>
                </a>

                <a title="" href="index-about-index-navid-59.html" class="col-xs-4">
                    <div class="col-xs-12">
                        <img alt="联系我们" src="__TPMPLATE__pc/kalawan/images/mobile/foot-map.png" class="img-responsive">
                    </div>
                    <div class="col-xs-12">
                        联系我们
                    </div>
                </a>
            </nav>

        </div>

    </div>

</div>

<script src="__TPMPLATE__pc/kalawan/js/jquery.js"></script>
<script src="__TPMPLATE__pc/kalawan/js/bootstrap.js"></script>

<script src="__TPMPLATE__pc/kalawan/js/wow.min.js"></script>

<script src="__TPMPLATE__pc/kalawan/js/work.js"></script>

<script src="__TPMPLATE__pc/kalawan/js/modernizr.custom.js"></script>
<script src="__TPMPLATE__pc/kalawan/js/jquery.dlmenu.js"></script>

<script type="text/javascript">
    $(function () {

        var pclist = $("<ul class='nav nav-pills'></ul>");
        pcNav({$json_navs}, pclist);
        $("#navbar").append(pclist);

        var footlist = $("<div class='footlist'></div>");
        footNav({$json_navs}, footlist);
        $(".foot-nav").append(footlist);

        var mobilelist = $("<ul class='dl-menu'></ul>");
        mobileNav({$json_navs}, mobilelist);
        $(".dl-menuwrapper").append(mobilelist);

        $('.langBtn').click(function(){
            var data={'lang':$(this).attr('lang')};
            $.get("{:url('Index/lang')}",data,function(){
                window.location.href="{:url('Index/index')}";
            });
        });

        run('{$Request.param.navid}');
        zheNav();
        wows();
        $('#dl-menu').dlmenu();
        goTop();

    });
</script>

{block name="js"}{/block}

<script type="text/javascript">
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script>
    (function(){
        var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?f9e19c7bbd138a040f2c859b51b524fa":"https://jspassport.ssl.qhimg.com/11.0.1.js?f9e19c7bbd138a040f2c859b51b524fa";
        document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>

</body>

</html>